@import '~antd/es/style/themes/default.less';
@import '../../../../src/style/common';
.economicZoneWrapper {
  padding: 20px 20% 5% 20%;
  background-color: #fff;
  background-image: url('../../../assets/EconomicZone/linebg.png');
  background-repeat: no-repeat;
  .economicZonePhoto {
    //width: 1200px;
    //height: 215px;
  }
  .economicZoneBreadcrumb {
    padding-top: 30px;
  }
  .economicZoneMain {
    .economicZoneOverview {
      .overviewTitle {
        padding: 0 35% 0 42%;
        .titleName {
          z-index: 16;
          display: block;
          align-self: center;
          width: 148px;
          margin-top: 62px;
          color: #000;
          font-size: 30px;
          font-family: AlibabaPuHuiTiM;
          line-height: 42px;
          white-space: nowrap;
          text-align: left;
          overflow-wrap: break-word;
          @media screen and (max-width: @common-screen-xs-max) {
            font-size: 20px;
            line-height: 28px;
          }
        }
        .titleDiv {
          z-index: 18;
          align-self: center;
          width: 40px;
          height: 4px;
          margin: 8% 0 20% 23%;
          background-color: rgba(6, 78, 155, 1);
          @media screen and (max-width: @common-screen-xs-max) {
            //margin: 12px 0 33px 38px;
            margin: 8% 0 20% 20%;
          }
        }
      }
      .overviewContent {
        padding-top: 18px;
        color: #000;
        font-size: 20px;
        font-family: AlibabaPuHuiTiM;
        line-height: 35px;
        @media screen and (max-width: @common-screen-xs-max) {
          font-size: 13px;
          line-height: 23px;
        }
      }
    }
    .eightParks {
      .parksTitle {
        padding: 0 35% 0 44%;
        .titleName {
          z-index: 16;
          display: block;
          align-self: center;
          width: 148px;
          margin-top: 62px;
          color: #000;
          font-size: 30px;
          font-family: AlibabaPuHuiTiM;
          line-height: 42px;
          white-space: nowrap;
          text-align: left;
          overflow-wrap: break-word;
          @media screen and (max-width: @common-screen-xs-max) {
            font-size: 20px;
            line-height: 28px;
          }
        }
        .titleDiv {
          z-index: 18;
          align-self: center;
          width: 40px;
          height: 4px;
          //margin: 12px 0 44px 44px;
          margin: 8% 0 25% 18%;

          background-color: rgba(6, 78, 155, 1);
          @media screen and (max-width: @common-screen-xs-max) {
            margin: 8% 0 25% 14%;
          }
        }
      }
      .parksContent {
        width: 100%;
        height: 415px;
        background-color: #edf3f9;
        .parkLeftMap {
          float: left;
          width: 73%;
          height: 100%;
          @media screen and (max-width: @common-screen-xs-max) {
            padding-top: 9%;
          }
        }
        .parkRightText {
          float: right;
          width: 27%;
          height: 100%;
          padding: 4% 2% 2% 2%;
          background-color: rgba(6, 78, 155, 0.16);
          .RightTextAbove {
            display: inline-block;
            width: 100%;
            height: 20%;
            color: #000;
            font-size: 18px;
            font-family: AlibabaPuHuiTiM;
            line-height: 25px;
          }
          .RightTextBelow {
            display: inline-block;
            width: 100%;
            height: 80%;
            padding-top: 5%;
            color: #000;
            font-size: 14px;
            font-family: AlibabaPuHuiTiR;
            line-height: 22px;
            @media screen and (max-width: @common-screen-xs-max) {
              padding-top: 10%;
              font-size: 12px;
              line-height: 18px;
            }
          }
        }
      }
    }
  }
}
